<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<aside class="sidebar-wrapper" data-simplebar="init">
    <div class="simplebar-wrapper" style="margin: 0px;">
        <div class="simplebar-height-auto-observer-wrapper">
            <div class="simplebar-height-auto-observer"></div>
        </div>
        <div class="simplebar-mask">
            <div class="simplebar-offset" style="right: 0px; bottom: 0px;">
                <div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden scroll;">
                    <div class="simplebar-content" style="padding: 0px;">
                        <div class="sidebar-header">
                            <div>
                                <img src="{{logoImg}}" class="logo-icon" alt="logo icon">
                            </div>
                            <div>
                                <h3 class="logo-text">{{logoText}}</h3>
                            </div>
                            <div class="toggle-icon ms-auto"><i class="iMenuDrop"></i>
                            </div>
                        </div>
                        <!--navigation-->
                        {{menu}}
                        <!--end navigation-->
                    </div>
                </div>
            </div>
        </div>
        <div class="simplebar-placeholder" style="width: auto; height: 1256px;"></div>
    </div>
    <div class="simplebar-track simplebar-horizontal" style="visibility: hidden;">
        <div class="simplebar-scrollbar"
             style="width: 0px; display: none; transform: translate3d(0px, 0px, 0px);"></div>
    </div>
    <div class="simplebar-track simplebar-vertical" style="visibility: visible;">
        <div class="simplebar-scrollbar"
             style="height: 670px; transform: translate3d(0px, 0px, 0px); display: block;"></div>
    </div>
</aside>
</body>
</html>